<template>
        <!-- 热门活动 -->
    <div class="hotAct">
      <div class="hotAct_title">
        <div>热门活动</div>
        <div class="lookmore"></div>
      </div>
      <div class="boxcontainer">
          <div>
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
      <van-swipe-item v-for="(item,index) in data" :key="'item'+index" @click="go(item.linkUrl)">
          <img :src="item.activityImage+'?width=500&height=200'" alt="" >
      </van-swipe-item>
   
    </van-swipe>
  </div>
      </div>
    </div>
</template>
<script>
export default {
      methods:{
        go(url){
          window.location.href = `${url}?code=${localStorage.getItem('employeeCode')}`;
        }
      },
      props:['data']
};
</script>
<style scoped>

.boxcontainer {
  margin-top: 0.2rem;
}
.hotAct {
  padding: 0.25rem;
  margin-top: 0.2rem;
  background: #fff;
}
.hotAct_title {
  border-left: 4px solid #dbb47f;
  box-sizing: border-box;
  padding-left: 0.2rem;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
      font-size: 0.28rem;
}
.lookmore {
  color: #919191;
  font-size: 0.25rem;
    font-weight: initial;
}

.my-swipe .van-swipe-item {
    width: 100%;
}
img{
    width: 100%;
}



</style>